<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box {
        width: 200px;
        height: 200px;
        background-color: brown;
        margin: auto;
        text-align: center;
        line-height: 200px;
    }

    div input {
        width: 100px;
        height: 100px;
    }
</style>

<body>

    <textarea>
百度用户协议是用户使用百度产品前需与百度公司订立的服务条款，涵盖相关产品使用规范。用户在注册或激活服务时点击“同意”即视为接受协议全部内容，包括后续修改条款 [3-5]。协议规定用户需遵守《网络安全法》《反电信网络诈骗法》等法律法规，禁止发布违法信息或从事危害网络安全行为，并对账号内行为承担法律责任 [4-5]。
百度公司有权单方面修改协议内容，用户继续使用服务即视为接受变更。账号所有权归属百度公司，用户需妥善保管密码且禁止转让，连续六个月未使用可能被回收。协议明确百度对服务中断、数据丢失等风险不承担责任，争
        </textarea>

    <br>
    <button disabled="true">同意该协议(60)秒</button>

    <script>
        let time = 3
       let id =  setInterval(modifyText, 1000)
        function modifyText() {
            const button = document.querySelector('button')
            if (time === 0) {
                button.disabled = false
                button.innerHTML = '同意该协议';
                // 关闭定时器
                clearInterval(id)
            }
            if (time != 0) {
                button.innerHTML = '同意该协议(' + time + ')秒'
                --time
            }



        }
    </script>
</body>

</html>